<style>
    h3{
        border: solid 1px #cccccc;
        border-radius: 5px;
        padding: 10px;
    }
    h3:hover{
        background: #5198d6;
        color: #fff;
        cursor:pointer;
    }
    h1{
        border-left: 2px solid #1abc9c;
        padding: 10px 0 10px 10px;
        margin: .8em 0;
        background: #fafafa;
        word-break: break-word;
        font-size: 26px;
    }
    h2{
        font-size: 30px;
    }
    .h3-selectd{
        background: #5198d6;
        color: #fff;
    }
    body{
        background: #eee;
    }
    .desc{
        font-size: 16px;
    }
    .container-fluid{
        padding: 0;
    }
    .footer h3{
        border: none!important;
        padding: 0!important;
        font-family: auto!important;
    }
    .twoCol{
        display: flex;
        flex-wrap: wrap;
    }
    .twoCol h3{
        width: 49%;
    }
    .twoCol h3:nth-of-type(even){
        margin-left: 2%;
    }
    .sl_h3{
        margin: 12px 0;
    }
    .page-header{
        border-bottom: none!important;
    }
    html,body{
        background: #fff!important;
    }
    .footer{
        position: fixed!important;
        bottom: 0;
        width: 100%;
    }
    .sl_h2{
        line-height: 30px!important;
    }
    body{
        height: calc( 100vh - 161px);
    }
</style>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<div class="header">
    <div class="wrap">
        <div class="logo" style="margin-top: 0;"> <a href="/"><img src="__CDN__/assets/img/htsylogo.png" /></a> </div>
        <div class="nav">
            <ul>
                {if $user}
                <li><a href="javascript:void(0)">{$user.nickname}</a></li>
                <li><a href="{:url('user/logout')}">退出</a></li>
                {else /}
                <li><a href="{:url('user/login')}">登录</a></li>
                {/if}
            </ul>
            <div class="clear"></div>
        </div>
        <div class="nav_wap"></div>
        <div class="clear"></div>
    </div>
</div>
<div class="page-header" style="background: #fff;padding: 0 5%; border-radius: 3px;margin-top: 78px;">
    <h2 class="sl_h2"> &nbsp;&nbsp;&nbsp;
        <!-- 职业规划测评 -->
    </h2>
    {volist name="subjects" id="vo"}
    <div class="subject subject_{++$key}" {if condition="$key neq 1"}style="display:none;"{/if}>
    {if $key>0 and $key<122 }
    <h1>
        <!-- {$key}<small>/{$count}</small>.  -->
        {$vo.title}
    </h1>
    <div class="twoCol">
        {if $key eq 121}
        <h3 class="answer sl_h3 answer-a" data-id="{$key}" data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="1">
            A. 从不
        </h3>
        <h3 class="answer sl_h3 answer-b" data-id="{$key}"  data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="2">
            B. 偶尔
        </h3>
        <h3 class="answer sl_h3 answer-c" data-id="{$key}" data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="3">
            C. 有时
        </h3>
        <h3 class="answer sl_h3 answer-d" data-id="{$key}"  data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="4">
            D. 经常
        </h3>
        <h3 class="answer sl_h3 answer-e" data-id="{$key}"  data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="5">
            E. 频繁
        </h3>
        <h3 class="answer sl_h3 answer-f" data-id="{$key}"  data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="6">
            F. 总是
        </h3>
        {else}
        <h3 class="answer answer-a sl_h3" data-id="{$key}" data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('a')}">
            A. {$vo.a}
        </h3>
        <h3 class="answer answer-b sl_h3" data-id="{$key}" data-params='{"table_id":1,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('b')}">
            B. {$vo.b}
        </h3>
        {/if}
    </div>
    {/if}

    {if $key>121 and $key<163}
    <h1>
        <!-- {$key}<small>/{$count}</small>.  -->
        {$vo.title}
    </h1>
    <div class="twoCol">
        {if $key eq 162} <!--判断是否作假-->
        <h3 class="answer answer-a sl_h3" data-id="{$key}" data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('b')}">
            A. 不喜欢
        </h3>
        <h3 class="answer answer-b sl_h3" data-id="{$key}" data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('a')}">
            B. 喜欢
        </h3>
        {else}
        <h3 class="answer answer-A sl_h3" data-id="{$key}" data-cate="{$vo.cate_id}"  data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('a')}">
            A. {$vo.a}
        </h3>
        <h3 class="answer answer-B sl_h3" data-id="{$key}" data-cate="{$vo.cate_id}"  data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('b')}">
            B. {$vo.b}
        </h3>
        <h3 class="answer answer-C sl_h3" data-id="{$key}" data-cate="{$vo.cate_id}"  data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('c')}">
            C. {$vo.c}
        </h3>
        <h3 class="answer answer-D sl_h3" data-id="{$key}" data-cate="{$vo.cate_id}"  data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('d')}">
            D. {$vo.d}
        </h3>
        <h3 class="answer answer-E sl_h3" data-id="{$key}" data-cate="{$vo.cate_id}"  data-params='{"table_id":2,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('e')}">
            E. {$vo.e}
        </h3>
        {/if}
    </div>
    {/if}


    {if $key>162 and $key<224}
    <h1>
        <!-- {$key}<small>/{$count}</small>.  -->
        {$vo.title}
    </h1>
    <div class="twoCol">
        {if $key eq 223}
        <h3 class="answer answer-A sl_h3" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="A">
            A. 非常符合
        </h3>
        <h3 class="answer answer-B sl_h3" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="B">
            B. 比较符合
        </h3>
        <h3 class="answer answer-C sl_h3" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="C">
            C. 说不清
        </h3>
        <h3 class="answer answer-D sl_h3" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="D">
            D. 比较不符合
        </h3>
        <h3 class="answer answer-E sl_h3" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="E">
            E. 非常不符合
        </h3>
        {else}
        <h3 class="sl_h3 answer  answer-{$vo -> a_cname}" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> a_cname}">
            A. {$vo.a}
        </h3>
        <h3 class="sl_h3 answer  answer-{$vo -> b_cname}" data-id="{$key}" data-params='{"table_id":3,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> b_cname}">
            B. {$vo.b}
        </h3>
        {/if}
    </div>
    {/if}


    {if $key>223}
    <h1>
        <!-- {$key}<small>/{$count}</small>.  -->
        {$vo.title}
    </h1>
    <div class="twoCol">
        {if $key eq 264}
        <h3 class="sl_h3 answer  answer-a" data-id="{$key}" data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="p">
            A. 令你感到束缚
        </h3>
        <h3 class="sl_h3 answer  answer-b" data-id="{$key}" data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="j">
            B. 合你心意
        </h3>
        {else}
        <h3 class="answer sl_h3 answer-{$vo -> getData('a')}" data-id="{$key}" data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('a')}">
            A. {$vo.a}
        </h3>
        <h3 class="answer sl_h3 answer-{$vo -> getData('b')}" data-id="{$key}"  data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('b')}">
            B. {$vo.b}
        </h3>
        <h3 class="answer sl_h3 answer-{$vo -> getData('c')}" data-id="{$key}" data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('c')}">
            C. {$vo.c}
        </h3>
        <h3 class="answer sl_h3 answer-{$vo -> getData('d')}" data-id="{$key}"  data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('d')}">
            D. {$vo.d}
        </h3>
        <h3 class="answer sl_h3 answer-{$vo -> getData('e')}" data-id="{$key}"  data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('e')}">
            E. {$vo.e}
        </h3>
        <h3 class="answer sl_h3 answer-{$vo -> getData('f')}" data-id="{$key}"  data-params='{"table_id":4,"id":{$vo.id},"sort":{$vo.sort}}' data-val="{$vo -> getData('f')}">
            F. {$vo.f}
        </h3>
        {/if}
    </div>
    {/if}

</div>
{/volist}

<p class="desc sl_p" >
    职业生涯规划测评简称职业测评，也称职业生涯测试，是职业生涯规划的前提条件。职业生涯规划测评包括职业兴趣、性格、能力和价值观等的测试，它能为职业生涯规划提供更加科学、有效的依据。
</p>
<p class="text-red desc">
    注：测评请根据您的实际情况迅速作答；答题选项没有“对”与“错”之分，请选择更接近您平时感受或是行为的选项；请选择您是怎样做的，而不要选择您想要怎样、以为怎样或者认为哪样更好。
</p>

</div>
<!-- <script src="base-loading.js"></script> -->
<!--<script src="__CDN__/assets/js/skinjs/base-loading.js"></script>-->
<script type="text/javascript" src="__CDN__/assets/js/jquery.min.ht.js"></script>
<!--<script type="text/javascript" src="__CDN__/assets/js/wow.ht.js"></script>-->
<!--<script type="text/javascript" src="__CDN__/assets/js/main.ht.js"></script>-->
<script type="text/javascript" src="__CDN__/assets/js/owl.carousel.ht.js"></script>
<script>
    // $(function () {
    setInterval(function () {
        var height = $(window).height() - 10;
        $('#infoid').height(height);
    },500);
    $(".nav_wap").click(function () {
        $(".header").toggleClass("h_menu") });
    // });
</script>
{include file="common/foot" /}